

/*CSS Styles actually start from here  */

body,h1,h2,h3,h4,h5,ul,li,a,p,span,img,dd {
  margin:0;
  padding:0;
  list-style:none;
  text-decoration:none;
  border:none;
  outline:none
}

body {
  margin: 0;
  background-color: #eee;
  background-image:url(http://www.cssmatic.com/img/noisebg.png);
  color: #222;
  font: 11px "Helvetica Neue",Helvetica,Arial,sans-serif;
  width:100%;

}

/***** Links Styling *****/
a {
  color: #FFF;
  text-decoration: none;
  -webkit-transition: color .2s linear;
  -moz-transition: color .2s linear;
}

a:hover {
  color: #FFE0E0;
}

a:active {
  color: #0082bd;
}

a img {
  border: none;
}

/***** Selection Styling *****/

::-moz-selection{
  background:#E92C6C;
  color:#fff;
  text-shadow: 0 1px rgba(0, 0, 0, .2);
}
::selection{
  background:#E92C6C;
  color:#fff;
  text-shadow: 0 1px rgba(0, 0, 0, .2);
}

/***** =Header Styling Starts *****/

#header-wrapper {
  background: rgba(24, 128, 115, 1);
  padding: 0;
  border-bottom: 1px solid #333;
  position: fixed;
  width: 100%;
  z-index: 15;
  top: 0;
}

/* Search Bar styling starts*/

#searchbar_container {
  box-shadow: 0 -1px #333 inset, 0 -2px 8px #000 inset;
display: none;
}

#searchbar_wrapper {
  width: 700px;
  margin: 0 auto;
}

#search_wrapper {
  height: 32px;
  width: 700px;
  margin: 0 auto;
  padding: 18px 0;
}

#sitebar_search_header {
  display: block;
  float: left;
  width: 656px;
  padding: 8px 8px 8px 36px;
  font-size: 14px;
  color: #999;
  border: none;
  border-radius: 50px;
  box-shadow: 0 0 0 1px #000, 0 2px #222;
  background: url("http://lh4.ggpht.com/-POJODvbgN74/URAoGM-LTMI/AAAAAAAAIhA/Pgn91Gca5v0/all-icons_thumb%25255B4%25255D.png?imgmax=2300") no-repeat scroll 10px -1545px #eee;
  -webkit-transition: -webkit-box-shadow .2s linear;
  -moz-transition: -moz-box-shadow .2s linear;
}

#sitebar_search_header:focus {
  outline: none;
  background-color: #fff;
}

/* Search Bar Styling ends*/


#header-inner {
height: 50px;
margin: 0 auto;
position: relative;
padding-left: 8%;
padding-right: 8%;
}
h1.title{width:250px;}
#header {
margin: 0;
float: left;
overflow: hidden;
line-height: 50px;
padding-left: 10px;
padding-right: 10px;
}

#header-inner ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  overflow: hidden;
}

#header-inner .title, #header-inner .title a {
color: #ffffff;
text-transform: uppercase;
font-size: 21px;
display: block;
font-family: 'Audiowide', cursive;
}

#header-inner .title a {
padding: 13px 0 14px 0;
line-height: 25px;
}

#header-inner .title a:hover {
color: #fff;
}

#header-inner .title a:active {
padding: 15px 0 14px 0;
}

#header-inner ul.header-r-menu {
  float: right;
  overflow: visible;
}

#header-inner ul.header-r-menu li {
  float: left;
  height: 50px;
}

#header-inner ul li a {
  color: #FFF;
  display: block;
  font-weight: bold;
  font-size: 13px;
  line-height: 10px;
  padding: 20px;
  height: 10px;
}

#header-inner ul li a:hover {
  color: #fff;
  background: #000;
}

#header-inner li.search-button {
  display: block;
  width: 60px;
  height: 50px;
  text-indent: -9999px;
  overflow: hidden;
  padding: 0;
  background:url("http://lh4.ggpht.com/-POJODvbgN74/URAoGM-LTMI/AAAAAAAAIhA/Pgn91Gca5v0/all-icons_thumb%25255B4%25255D.png?imgmax=2300") -180px -324px no-repeat;
cursor: pointer;

}

#header-inner li.search-button:hover {
  background: url("http://lh4.ggpht.com/-POJODvbgN74/URAoGM-LTMI/AAAAAAAAIhA/Pgn91Gca5v0/all-icons_thumb%25255B4%25255D.png?imgmax=2300") -180px -384px no-repeat;
}

/***** =Header Styling Ends *****/

/***** =Content-Wrapper Styling Starts*****/

#content-wrapper {
position: relative;
clear: both;
width: 80%;
margin: auto;
}

/** =main-wrapper **/

#main-wrapper {
  margin: 90px 0 22px;
  width: 70%;
  float: left;
}
#content {
  box-shadow: 0 1px 2px #aaa;
  border-radius: 5px;
  position: relative;
}




/* =main */

.main {
  background-color: #fff;
  border-radius: 5px 5px 5px 5px;
  overflow: hidden;
  padding-top: 0px;
}

/***** =Zak-Content Starts *****/
.zak-content {
	background: #f4f4f4;
	border-radius: 5px 5px 0 0;
	height: 43px;
	overflow: hidden;
	box-shadow: 0 1px #fff inset, 0 -1px #ddd inset;
}

.zak-content ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}

.zak-content ul li {
	float: left;
	font-weight: bold;
}

.zak-content ul.zak-content-type li a {
	display: block;
	color: #00a5f0;
	text-shadow: 0 1px 0 #fff;
	font-size: 13px;
	line-height: 20px;
	padding: 11px 22px 12px 20px;
	border-right: 1px solid #fff;
	box-shadow: -1px 0 #ddd inset;
	-webkit-transition: all 0.25s color;
}

.zak-content ul.zak-content-type li a.selected{
color: #222;
background-color: #fff;
}

.zak-content ul.zak-content-type li a:hover {
	color: #0082bd;
}

/***** =Zak-Content Ends *****/

/* =email-signup*/

#email_signup {
  background: #000;
  color: #999;
  padding: 20px;
  border-radius: 5px;
  margin-bottom: 20px;
  position: relative;
}

#email_signup .textarea {
  background: #fff url(http://1.bp.blogspot.com/-HBW6vcmqzH0/UPjtlvfNsgI/AAAAAAAAHZI/j7xYwMMTQyk/s1600/enews.png) center left no-repeat;
  margin-left: 20px;
  width: 310px;
  height: 35px;
  text-indent: 46px;
  color: #666;
}

#email_signup label {
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
  font-size: 22px;
  color: #fff;
  text-transform: uppercase;
  margin: 0;
  font-weight: bold;
  float: left;
}

#email_signup .email-emailsubmit {
  cursor: pointer;
  background: #E15F4E;
  width: auto;
  padding: 11px 0 14px;
  padding-left: 30px;
  padding-right: 30px;
  display: block;
  margin: 0;
  position: absolute;
  top: 19px;
  right: 20px;
  font-size: 16px;
  border-radius: 5px;
  font-weight: bold;
  text-shadow: 0 -1px rgba(0, 0, 0, .2);
  -moz-transition: background-color .2s linear 0;
  margin-bottom: 20px;
  border: 1px solid rgba(0, 0, 0, .2);
  box-shadow: 0 1px 0 rgba(255, 255, 255, .4) inset, 0 -3px 0 rgba(0, 0, 0, .3) inset, 0 0 10px rgba(255, 255, 255, .3) inset, 0 2px 4px rgba(0, 0, 0, .2);
  color: #fff;
  display: block;
  text-align: center;
  -webkit-transition: background-color .2s linear 0;
  -moz-transition: background-color .2s linear 0;
}

#email_signup .email-emailsubmit:hover {
  box-shadow: 0 1px 0 rgba(255, 255, 255, .4) inset, 0 -3px 0 rgba(0, 0, 0, .3) inset, 0 0 10px rgba(255, 255, 255, .4) inset, 0 2px 4px rgba(0, 0, 0, .3);
}

#email_signup .email-emailsubmit:active {
  box-shadow: 0 1px 0 rgba(255, 255, 255, .2) inset, 0 -1px 0 rgba(0, 0, 0, .3) inset, 0 0 10px rgba(255, 255, 255, .2) inset, 0 2px 4px rgba(0, 0, 0, .2);
  margin-top: 2px;
}


/* =post */

.post {
  width: 90%;
  margin: auto;
  padding: 0 0;
position: relative;
}

.post:first-child {
  padding-top: 0;
}


/*post info layout*/

.post-info-layout {
  background: #F4F4F4;
  padding-top: 10px;
  padding: 10px;
  border-top: 1px solid #ddd;
  position: relative;
  height: 20px;
  color: black;
  border-radius: 5px 5px 0 0;
}

.post-info-layout h2.post-title-item {
  margin: 0 0 10px;
  color: #fff;
  font-weight: normal;
  font-size: 22px;
  width: 600px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
height:40px;
  margin: 0 0 8px;
}
.post-info-layout a{
	color:black;
}
.post-info-layout p {
  color: #999;
  font-size: 11px;
  margin: 0;
  line-height: 15px;
}

.post-info-layout .saperate-line {
  margin: 0 5px;
}

/* Social bar for item pages styling here*/


.item-page-layout #social-bar-item {
  background-color: #f4f4f4;
  box-shadow: 0 0 0 1px #fff inset, 0 1px 0 rgba(0,0,0,0.15);
  height: 41px;
  min-width: 740px;
  margin-bottom: -42px;
  z-index: 3;
  position: absolute;
}

.post .item-page-layout .social-spread-bar {
  width: auto;
  height: 20px;
  margin: 0 auto;
  margin-left: 20px;
  float: left;
  list-style-type: none;
  padding: 10px 0;
  position: relative;
}

.post .item-page-layout .social-spread-bar li {
  float: left;
  margin-right: 10px;
}

.item-page-layout .post-next-prev {
  float: right;
  margin-right: 20px;
}

#blog-pager-older-link2 {
float: left}


.item-page-layout .blog-pager-older-link2 {
  background: url("http://lh4.ggpht.com/-POJODvbgN74/URAoGM-LTMI/AAAAAAAAIhA/Pgn91Gca5v0/all-icons_thumb%25255B4%25255D.png?imgmax=2300") no-repeat -10px -322px transparent;
  width: 35px;
  display: block;
  float: left;
  height: 26px;
  margin: 8px 0 0;
  overflow: hidden;
  text-indent: -9999px;
}

.item-page-layout #blog-pager-older-link2 {
  float: left;
}

.item-page-layout .blog-pager-newer-link2 {
  background: url("http://lh4.ggpht.com/-POJODvbgN74/URAoGM-LTMI/AAAAAAAAIhA/Pgn91Gca5v0/all-icons_thumb%25255B4%25255D.png?imgmax=2300") no-repeat -45px -322px transparent;
  width: 35px;
  display: block;
  height: 26px;
  margin: 8px 0 0;
  float: right;
  text-indent: -9999px;
}

.item-page-layout .blog-pager-older-link2:hover {
  background: url("http://lh4.ggpht.com/-POJODvbgN74/URAoGM-LTMI/AAAAAAAAIhA/Pgn91Gca5v0/all-icons_thumb%25255B4%25255D.png?imgmax=2300") no-repeat -10px -400px transparent;
}

.item-page-layout .blog-pager-older-link2:active {
  background: url("http://lh4.ggpht.com/-POJODvbgN74/URAoGM-LTMI/AAAAAAAAIhA/Pgn91Gca5v0/all-icons_thumb%25255B4%25255D.png?imgmax=2300") no-repeat -10px -374px transparent;
}

.item-page-layout .blog-pager-newer-link2:hover {
  background: url("http://lh4.ggpht.com/-POJODvbgN74/URAoGM-LTMI/AAAAAAAAIhA/Pgn91Gca5v0/all-icons_thumb%25255B4%25255D.png?imgmax=2300") no-repeat -45px -426px transparent;
}

.item-page-layout .blog-pager-newer-link2:active {
  background: url("http://lh4.ggpht.com/-POJODvbgN74/URAoGM-LTMI/AAAAAAAAIhA/Pgn91Gca5v0/all-icons_thumb%25255B4%25255D.png?imgmax=2300") no-repeat -45px -348px transparent;
}

/* =title-social-sticky */

	.title-social-sticky {
	  width: 220px;
	  float: right;
	}

	.title-social-sticky h2, .title-social-sticky h2 a {
	  color: #222;
	  font-size: 18px;
	  font-weight: normal;
	  margin-bottom: 8px;
	}


	.title-social-sticky h2:hover, .title-social-sticky h2 a:hover {
	  color: #555;
	}

	.content {
	float: left;
	width: 640px;
}
.stickit {
	margin-left: 480px;
	position: fixed;
	top: 80px;
}

.stickit-end {
	bottom: 40px;
	position: absolute;
	right: 0;
}
/* Sharing Box Styling */

.sharing {
  overflow: hidden;
  background: #F4F4F4;
  border: 1px solid #ddd;
  border-radius: 5px;
}

.sharing li {
  float: left;
  width: 88px;
  padding: 10px;
  border-right: 1px solid #ddd;
}

.sharing li.facebook-share {
  border-right: 0;
}

.sharing li.gplus-share {
  border-bottom: 0;
}

.floatingHeader {
  position: fixed;
  top: 39px;
  padding-top: 30px;
  visibility: hidden;
}

/* =Post-body */

.post-body {

}

/* item styling for post-footer*/



.post-labels {
  background: url("http://2.bp.blogspot.com/-GNbDLsLa0f4/UMt3pCMvTqI/AAAAAAAAFa0/rHPgpP0xq9k/s1600/post-footer.png") 0 -33px no-repeat;
  padding: 2px 15px 0 20px;
}
.post-labels a{
	color:black !important;
}
.post-comment-link {
  background: url("http://2.bp.blogspot.com/-GNbDLsLa0f4/UMt3pCMvTqI/AAAAAAAAFa0/rHPgpP0xq9k/s1600/post-footer.png") 0 -65px no-repeat;
  padding: 2px 15px 2px 20px;
}

/* Comment Section Styling */

.comments {
  padding: 0 20px;
}

.comments h4 {
  font-style: italic;
  font-size: 20px;
  color: #444;
}

.comment-form {
  width: 100%;
}

.comments .avatar-image-container {
float: left;
max-height: 62px;
overflow: hidden;
width: 62px;
padding: 5px;
z-index: 2999;
margin-top: 0;
margin-left: 10px;
}

.comments .comment .comment-actions a {
padding-right: 5px;
padding-top: 5px;
float: right;
font-size: 11px;
background: #333;
padding: 5px 10px;
border-radius: 10px;
color: #fff;
box-shadow: 0px 2px #999;
}

.comments .comment-block {
padding: 10px;
position: static;
background: #f0f0f0;
overflow: hidden;
background-color: #f4f4f4;
box-shadow: 0 0 0 1px #fff inset, 0 1px 0 rgba(0,0,0,0.1), 0 -1px 0 rgba(0,0,0,0.1);
}

.comments .avatar-image-container img {
max-width: 60px;
border-radius: 34px;
box-shadow: 0px 0px 11px 1px rgba(0, 31, 255, 0.3);
}

.comments .comment-header {
border-bottom: 1px solid #ddd;
padding-bottom: 5px;
}

.comment-replies .avatar-image-container {
width: 40px;
}

.comments .comments-content .datetime {
float: right;
}

.comments .comments-content .datetime a {
color: #333;
font-style: italic;
}

.comments .comments-content .comment-content {
text-align: justify;
margin-bottom: 15px;
font-size: 12px;
font-style: italic;
margin-left: 10px;
}

.comments .comments-content .user {
font-weight: normal;
font-style: italic;
font-size: 15px;
text-transform: uppercase;
letter-spacing: 1px;
}

/** =Sidebar-wrapper **/

.sidebar-wrapper {
  width: 28%;
  margin-left: 20px;
margin-top:90px;
  float: left;
position: relative;
z-index: 14;
}

.sidebar-wrapper h2 {
color: #222;
font-size: 19px;
text-shadow: 0 1px 0 #eee;
margin-bottom: 12px;
font-weight: normal;
}

/***** Sidebar Widgets Styling *****/

.sidebar h2.title {
  margin-bottom: 10px;
  margin-left: 5px;
  font-size: 19px;
}

.sidebar .widget {
  margin-bottom: 20px;
	border-radius: 5px;
background-color: #EEE;
color: #666;
margin-bottom: 20px;
padding: 12px 15px 15px;
width: 268px;
border: 1px solid #bbb;
box-shadow: 0 1px #eee, 0 0 0 1px #fff inset;
text-shadow: 0 1px #fff;
clear: right;
position: relative;
}

/* follow us widget styling*/

.social-sharing-block {
/* border-radius: 5px;
  background-color:#EEE;
  color:#666;
  margin-bottom:20px;
  padding:12px 15px 15px;
  width: 268px;
  border: 1px solid #bbb;
  box-shadow: 0 1px #eee, 0 0 0 1px #fff inset;
  text-shadow: 0 1px #fff;
  clear: right;
  position: relative;
*/
}

.social-sharing-block h3 {
  color: #222;
  font-size: 13px;
  margin: 0 0 12px;
  line-height: 1.2em;
}

.facebook-bedge {
  overflow: hidden;
  padding: 0;
  margin-bottom: 10px;
  height: 65px;
  max-height: 80px;
}

.social-sharing-block {
  height: 191px;
}

.twitter-follow, .social-buttons {
  padding-top: 7px;
  padding-bottom: 5px;
  border-top: 1px solid #ccc;
  box-shadow: 0 1px #fff inset;
}

.sidebar .social-sharing-block .social-buttons a {
  display: inline-block;
  margin-right: 10px;
}

.sidebar .social-sharing-block .social-buttons h3 {
  line-height: 28px;
  float: left;
  margin-right: 15px;
}

/***** =Content-Wrapper Styling Ends*****/

/* =Footer
**************************/

.innerfooter {
border-radius:20px 20px 0px 0px;
margin: auto;
background: #ddd;
text-shadow: 0px 1px #eee;
font-size: 11px;
margin-top: 30px;
height: 30px;
position: relative;
padding: 10px;
}
#copyright a{
	color:black;
}

.footer-copyrights {
  float: left;
  margin-right: 20px;
  font-weight: bold;
}

.footerlinks {
  float: left;
}

.footerlinks li {
  float: left;
  margin-left: 10px;
}

.footerlinks li a {
  margin: 0 6px;
  text-decoration: none;
  border-bottom: 1px dotted #999;
  color: #666;
  font-weight: bold;
}

.hide {
display: none; 
}

/* -------------------------------------------------------
  Name: Azizi blogger Template
  Designer: Devil Blogger
  Blog: http://www.devilblogger.com
   ------------------------------------------------------- */

<!-- Homepage Pager Styling Start -->

#blog-pager {
margin: 1em 0;
text-align: center;
overflow: hidden;
padding: 20px;
background-color: #f4f4f4;
border-radius: 0 0 5px 5px;
border-top: 1px solid #ddd;
box-shadow: 0 0 0 1px #fff inset;
}

#Blog1_blog-pager-older-link {
display: block;
margin: 10px 20px;
float: right;
background-color: #00A5F0;
border-radius: 5px;
font-size: 13px;
font-weight: bold;
text-align: center;
color: #fff;
height: 36px;
line-height: 35px;
width: 100%;
border: 1px solid rgba(0, 0, 0, .2);
box-shadow: 0 0 0 1px rgba(255, 255, 255, .4) inset, 0 1px #fff;
text-shadow: 0 -1px rgba(0, 0, 0, .2);
width: 315px;
}

#Blog1_blog-pager-newer-link {
display: block;
margin: 10px 20px;
float: right;
background-color: #00A5F0;
border-radius: 5px;
font-size: 13px;
font-weight: bold;
text-align: center;
color: #fff;
height: 36px;
line-height: 35px;
width: 100%;
border: 1px solid rgba(0, 0, 0, .2);
box-shadow: 0 0 0 1px rgba(255, 255, 255, .4) inset, 0 1px #fff;
text-shadow: 0 -1px rgba(0, 0, 0, .2);
width: 315px;
}

.home-link {
margin: 20px 20px;
display: block;
font-weight: bold;
color: #666;
}

#Blog1_blog-pager-newer-link:hover, #Blog1_blog-pager-older-link:hover {
opacity:0.9;
box-shadow: 0 0 0 1px rgba(255, 255, 255, .4) inset, 0 1px #fff, 0 0 0 30px rgba(255, 255, 255, .21) inset;
}

#Blog1_blog-pager-newer-link:active, #Blog1_blog-pager-older-link:active {
	box-shadow: 0 0 0 30px rgba(0, 0, 0, .21) inset, 0 1px 2px rgba(0, 0, 0, .2) inset, 0 1px #fff;
}

.feed-links {
display: none;
}

<!-- Homepage Pager Styling end-->


<!-- Popular Post Styling -->

.widget-content.popular-posts ul li:hover {
opacity: 0.9;
}

.widget-content.popular-posts ul li:hover a {
color: #09c;
}

.item-thumbnail {
height: 73px;
overflow: hidden;
}

.item-thumbnail img {
width: 130px;
height: 73px;
}

.item-title, .item-snippet {
width: 228px;
float: left;
}

.item-title a {
font-size: 13px;
color: #222;
-moz-transition: color .2s linear 0s;
-webkit-transition: color .2s linear 0s;
line-height: 1.2em;
font-weight: bold;
}

#subscribeButton {
display: none;
}

.list-label-widget-content li {
background: #eee;
border-radius: 5px 5px 5px 15px !important;
display: inline-block;
margin: 0 0 7px 20px;
position: relative;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 0.75em;
font-weight: bold;
text-decoration: none;
color: #996633;
text-shadow: 0px 1px 0px rgba(255,255,255,.4);
padding: 0.417em 0.417em 0.417em 0.917em;
border-top: 1px solid #d99d38;
border-right: 1px solid #d99d38;
border-bottom: 1px solid #d99d38;
-webkit-border-radius: 0 0.25em 0.25em 0;
-moz-border-radius: 0 0.25em 0.25em 0;
border-radius: 0 0.25em 0.25em 0;
background-image: -webkit-linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71));
background-image: -moz-linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71));
background-image: -o-linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71));
background-image: -ms-linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71));
background-image: linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#feda71', EndColorStr='#feba47');
-webkit-box-shadow: inset 0 1px 0 #faeaba, 0 1px 1px rgba(0,0,0,.1);
-moz-box-shadow: inset 0 1px 0 #faeaba, 0 1px 1px rgba(0,0,0,.1);
box-shadow: inset 0 1px 0 #faeaba, 0 1px 1px rgba(0,0,0,.1);
z-index: 100;
}

.list-label-widget-content li a {
font-size: 12px;
}
/*CZ Player*/
.playIcon {
background: url(http://haivl.tv/content/images/play_icon.png) no-repeat 0 0;
top: 220px;
left: 45%;
width: 86px;
height: 60px;
position: absolute;}
.duration{
	right: 5px;
bottom: 5px;
position: absolute;
padding: 1px 5px;
font-weight: bold;
font-size: 13px;
background-color: #000;
color: #fff!important;
height: 14px;
line-height: 14px;
opacity: 0.75;
filter: alpha(opacity=75);
display: -moz-inline-stack;
vertical-align: top;
zoom: 1;
display: inline-block;
}
.thumbnail:hover .playIcon {
background: url(http://haivl.tv/content/images/play_icon.png) no-repeat 0 -60px;
}
.thumbnail{
cursor: pointer;
position: relative;
height: 480px;
margin-bottom: 10px;
overflow: hidden;
background-color: black;
}
/*Video js*/
/*!
Video.js Default Styles (http://videojs.com)
Version 4.5.1
Create your own skin at http://designer.videojs.com
*/

.vjs-default-skin {
  color:#ccc;
}

@font-face {
  font-family:VideoJS;
  src:url(../f/2/vjs.eot);
  src:url(../f/2/vjs.eot?#iefix) format('embedded-opentype'),url(http://vijs.googlecode.com/svn/trunk/vjs.woff) format('woff'),url(http://vijs.googlecode.com/svn/trunk/vjs.ttf) format('truetype');
  font-weight:400;
  font-style:normal;
}

.vjs-default-skin .vjs-slider {
  outline:0;
  position:relative;
  cursor:pointer;
  padding:0;
  background-color:#333;
  background-color:rgba(51,51,51,.9);
}

.vjs-default-skin .vjs-slider:focus {
  -webkit-box-shadow:0 0 2em #fff;
  -moz-box-shadow:0 0 2em #fff;
  box-shadow:0 0 2em #fff;
}

.vjs-default-skin .vjs-slider-handle {
  position:absolute;
  left:0;
  top:0;
}

.vjs-default-skin .vjs-slider-handle:before {
  content:"\e009";
  font-family:VideoJS;
  font-size:1em;
  line-height:1;
  text-align:center;
  text-shadow:0 0 1em #fff;
  position:absolute;
  top:0;
  left:0;
  -webkit-transform:rotate(-45deg);
  -moz-transform:rotate(-45deg);
  -ms-transform:rotate(-45deg);
  -o-transform:rotate(-45deg);
  transform:rotate(-45deg);
}

.vjs-default-skin .vjs-control-bar {
  display:none;
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  height:3em;
  background-color:#07141e;
  background-color:rgba(7,20,30,.7);
}

.vjs-default-skin.vjs-has-started .vjs-control-bar {
  display:block;
  visibility:visible;
  opacity:1;
  -webkit-transition:visibility .1s,opacity .1s;
  -moz-transition:visibility .1s,opacity .1s;
  -o-transition:visibility .1s,opacity .1s;
  transition:visibility .1s,opacity .1s;
}

.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  display:block;
  visibility:hidden;
  opacity:0;
  -webkit-transition:visibility 1s,opacity 1s;
  -moz-transition:visibility 1s,opacity 1s;
  -o-transition:visibility 1s,opacity 1s;
  transition:visibility 1s,opacity 1s;
}

.vjs-default-skin.vjs-controls-disabled .vjs-control-bar {
  display:none;
}

.vjs-default-skin.vjs-using-native-controls .vjs-control-bar {
  display:none;
}

@media \0screen {
  .vjs-default-skin.vjs-user-inactive.vjs-playing .vjs-control-bar:before {
    content:"";
  }
}

.vjs-default-skin .vjs-control {
  outline:0;
  position:relative;
  float:left;
  text-align:center;
  margin:0;
  padding:0;
  height:3em;
  width:4em;
}

.vjs-default-skin .vjs-control:before {
  font-family:VideoJS;
  font-size:1.5em;
  line-height:2;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  text-align:center;
  text-shadow:1px 1px 1px rgba(0,0,0,.5);
}

.vjs-default-skin .vjs-control:focus:before,
.vjs-default-skin .vjs-control:hover:before {
  text-shadow:0 0 1em #fff;
}

.vjs-default-skin .vjs-control:focus {}

.vjs-default-skin .vjs-control-text {
  border:0;
  clip:rect(0 0 0 0);
  height:1px;
  margin:-1px;
  overflow:hidden;
  padding:0;
  position:absolute;
  width:1px;
}

.vjs-default-skin .vjs-play-control {
  width:5em;
  cursor:pointer;
}

.vjs-default-skin .vjs-play-control:before {
  content:"\e001";
}

.vjs-default-skin.vjs-playing .vjs-play-control:before {
  content:"\e002";
}

.vjs-default-skin .vjs-mute-control,
.vjs-default-skin .vjs-volume-menu-button {
  cursor:pointer;
  float:right;
}

.vjs-default-skin .vjs-mute-control:before,
.vjs-default-skin .vjs-volume-menu-button:before {
  content:"\e006";
}

.vjs-default-skin .vjs-mute-control.vjs-vol-0:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-0:before {
  content:"\e003";
}

.vjs-default-skin .vjs-mute-control.vjs-vol-1:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before {
  content:"\e004";
}

.vjs-default-skin .vjs-mute-control.vjs-vol-2:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before {
  content:"\e005";
}

.vjs-default-skin .vjs-volume-control {
  width:5em;
  float:right;
}

.vjs-default-skin .vjs-volume-bar {
  width:5em;
  height:.6em;
  margin:1.1em auto 0;
}

.vjs-default-skin .vjs-volume-menu-button .vjs-menu-content {
  height:2.9em;
}

.vjs-default-skin .vjs-volume-level {
  position:absolute;
  top:0;
  left:0;
  height:.5em;
  background:#66a8cc url() -50% 0 repeat;
}

.vjs-default-skin .vjs-volume-bar .vjs-volume-handle {
  width:.5em;
  height:.5em;
}

.vjs-default-skin .vjs-volume-handle:before {
  font-size:.9em;
  top:-.2em;
  left:-.2em;
  width:1em;
  height:1em;
}

.vjs-default-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content {
  width:6em;
  left:-4em;
}

.vjs-default-skin .vjs-progress-control {
  position:absolute;
  left:0;
  right:0;
  width:auto;
  font-size:.3em;
  height:1em;
  top:-1em;
  -webkit-transition:all .4s;
  -moz-transition:all .4s;
  -o-transition:all .4s;
  transition:all .4s;
}

.vjs-default-skin:hover .vjs-progress-control {
  font-size:.9em;
  -webkit-transition:all .2s;
  -moz-transition:all .2s;
  -o-transition:all .2s;
  transition:all .2s;
}

.vjs-default-skin .vjs-progress-holder {
  height:100%;
}

.vjs-default-skin .vjs-progress-holder .vjs-play-progress,
.vjs-default-skin .vjs-progress-holder .vjs-load-progress {
  position:absolute;
  display:block;
  height:100%;
  margin:0;
  padding:0;
  left:0;
  top:0;
}

.vjs-default-skin .vjs-play-progress {
  background:#66a8cc url() -50% 0 repeat;
}

.vjs-default-skin .vjs-load-progress {
  background:#646464;
  background:rgba(255,255,255,.4);
}

.vjs-default-skin .vjs-seek-handle {
  width:1.5em;
  height:100%;
}

.vjs-default-skin .vjs-seek-handle:before {
  padding-top:.1em;
}

.vjs-default-skin .vjs-time-controls {
  font-size:1em;
  line-height:3em;
}

.vjs-default-skin .vjs-current-time {
  float:left;
}

.vjs-default-skin .vjs-duration {
  float:left;
}

.vjs-default-skin .vjs-remaining-time {
  display:none;
  float:left;
}

.vjs-time-divider {
  float:left;
  line-height:3em;
}

.vjs-default-skin .vjs-fullscreen-control {
  width:3.8em;
  cursor:pointer;
  float:right;
}

.vjs-default-skin .vjs-fullscreen-control:before {
  content:"\e000";
}

.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:before {
  content:"\e00b";
}

.vjs-default-skin .vjs-big-play-button {
  left:.5em;
  top:.5em;
  font-size:3em;
  display:block;
  z-index:2;
  position:absolute;
  width:4em;
  height:2.6em;
  text-align:center;
  vertical-align:middle;
  cursor:pointer;
  opacity:1;
  background-color:#07141e;
  background-color:rgba(7,20,30,.7);
  border:.1em solid #3b4249;
  -webkit-border-radius:.8em;
  -moz-border-radius:.8em;
  border-radius:.8em;
  -webkit-box-shadow:0 0 1em rgba(255,255,255,.25);
  -moz-box-shadow:0 0 1em rgba(255,255,255,.25);
  box-shadow:0 0 1em rgba(255,255,255,.25);
  -webkit-transition:all .4s;
  -moz-transition:all .4s;
  -o-transition:all .4s;
  transition:all .4s;
}

.vjs-default-skin.vjs-big-play-centered .vjs-big-play-button {
  left:50%;
  margin-left:-2.1em;
  top:50%;
  margin-top:-1.4000000000000001em;
}

.vjs-default-skin.vjs-controls-disabled .vjs-big-play-button {
  display:none;
}

.vjs-default-skin.vjs-has-started .vjs-big-play-button {
  display:none;
}

.vjs-default-skin.vjs-using-native-controls .vjs-big-play-button {
  display:none;
}

.vjs-default-skin:hover .vjs-big-play-button,
.vjs-default-skin .vjs-big-play-button:focus {
  outline:0;
  border-color:#fff;
  background-color:#505050;
  background-color:rgba(50,50,50,.75);
  -webkit-box-shadow:0 0 3em #fff;
  -moz-box-shadow:0 0 3em #fff;
  box-shadow:0 0 3em #fff;
  -webkit-transition:all 0s;
  -moz-transition:all 0s;
  -o-transition:all 0s;
  transition:all 0s;
}

.vjs-default-skin .vjs-big-play-button:before {
  content:"\e001";
  font-family:VideoJS;
  line-height:2.6em;
  text-shadow:.05em .05em .1em #000;
  text-align:center;
  position:absolute;
  left:0;
  width:100%;
  height:100%;
}

.vjs-loading-spinner {
  display:none;
  position:absolute;
  top:50%;
  left:50%;
  font-size:4em;
  line-height:1;
  width:1em;
  height:1em;
  margin-left:-.5em;
  margin-top:-.5em;
  opacity:.75;
  -webkit-animation:spin 1.5s infinite linear;
  -moz-animation:spin 1.5s infinite linear;
  -o-animation:spin 1.5s infinite linear;
  animation:spin 1.5s infinite linear;
}

.vjs-default-skin .vjs-loading-spinner:before {
  content:"\e01e";
  font-family:VideoJS;
  position:absolute;
  top:0;
  left:0;
  width:1em;
  height:1em;
  text-align:center;
  text-shadow:0 0 .1em #000;
}

@-moz-keyframes spin {
  0% {
    -moz-transform:rotate(0deg);
  }
  100% {
    -moz-transform:rotate(359deg);
  }
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform:rotate(0deg);
  }
  100% {
    -webkit-transform:rotate(359deg);
  }
}

@-o-keyframes spin {
  0% {
    -o-transform:rotate(0deg);
  }
  100% {
    -o-transform:rotate(359deg);
  }
}

@keyframes spin {
  0% {
    transform:rotate(0deg);
  }
  100% {
    transform:rotate(359deg);
  }
}

.vjs-default-skin .vjs-menu-button {
  float:right;
  cursor:pointer;
}

.vjs-default-skin .vjs-menu {
  display:none;
  position:absolute;
  bottom:0;
  left:0;
  width:0;
  height:0;
  margin-bottom:3em;
  border-left:2em solid transparent;
  border-right:2em solid transparent;
  border-top:1.55em solid #000;
  border-top-color:rgba(7,40,50,.5);
}

.vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content {
  display:block;
  padding:0;
  margin:0;
  position:absolute;
  width:10em;
  bottom:1.5em;
  max-height:15em;
  overflow:auto;
  left:-5em;
  background-color:#07141e;
  background-color:rgba(7,20,30,.7);
  -webkit-box-shadow:-.2em -.2em .3em rgba(255,255,255,.2);
  -moz-box-shadow:-.2em -.2em .3em rgba(255,255,255,.2);
  box-shadow:-.2em -.2em .3em rgba(255,255,255,.2);
}

.vjs-default-skin .vjs-menu-button:hover .vjs-menu {
  display:block;
}

.vjs-default-skin .vjs-menu-button ul li {
  list-style:none;
  margin:0;
  padding:.3em 0;
  line-height:1.4em;
  font-size:1.2em;
  text-align:center;
  text-transform:lowercase;
}

.vjs-default-skin .vjs-menu-button ul li.vjs-selected {
  background-color:#000;
}

.vjs-default-skin .vjs-menu-button ul li:focus,
.vjs-default-skin .vjs-menu-button ul li:hover,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover {
  outline:0;
  color:#111;
  background-color:#fff;
  background-color:rgba(255,255,255,.75);
  -webkit-box-shadow:0 0 1em #fff;
  -moz-box-shadow:0 0 1em #fff;
  box-shadow:0 0 1em #fff;
}

.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title {
  text-align:center;
  text-transform:uppercase;
  font-size:1em;
  line-height:2em;
  padding:0;
  margin:0 0 .3em;
  font-weight:700;
  cursor:default;
}

.vjs-default-skin .vjs-subtitles-button:before {
  content:"\e00c";
}

.vjs-default-skin .vjs-captions-button:before {
  content:"\e008";
}

.vjs-default-skin .vjs-captions-button:focus .vjs-control-content:before,
.vjs-default-skin .vjs-captions-button:hover .vjs-control-content:before {
  -webkit-box-shadow:0 0 1em #fff;
  -moz-box-shadow:0 0 1em #fff;
  box-shadow:0 0 1em #fff;
}

.video-js {
  background-color:#000;
  position:relative;
  padding:0;
  font-size:10px;
  vertical-align:middle;
  font-weight:400;
  font-style:normal;
  font-family:Arial,sans-serif;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
}

.video-js .vjs-tech {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}

.video-js:-moz-full-screen {
  position:absolute;
}

body.vjs-full-window {
  padding:0;
  margin:0;
  height:100%;
  overflow-y:auto;
}

.video-js.vjs-fullscreen {
  position:fixed;
  overflow:hidden;
  z-index:1000;
  left:0;
  top:0;
  bottom:0;
  right:0;
  width:100% !important;
  height:100% !important;
  _position:absolute;
}

.video-js:-webkit-full-screen {
  width:100% !important;
  height:100% !important;
}

.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor:none;
}

.vjs-poster {
  background-repeat:no-repeat;
  background-position:50% 50%;
  background-size:contain;
  cursor:pointer;
  height:100%;
  margin:0;
  padding:0;
  position:relative;
  width:100%;
}

.vjs-poster img {
  display:block;
  margin:0 auto;
  max-height:100%;
  padding:0;
  width:100%;
}

.video-js.vjs-using-native-controls .vjs-poster {
  display:none;
}

.video-js .vjs-text-track-display {
  text-align:center;
  position:absolute;
  bottom:4em;
  left:1em;
  right:1em;
}

.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom:1em;
}

.video-js .vjs-text-track {
  display:none;
  font-size:1.4em;
  text-align:center;
  margin-bottom:.1em;
  background-color:#000;
  background-color:rgba(0,0,0,.5);
}

.video-js .vjs-subtitles {
  color:#fff;
}

.video-js .vjs-captions {
  color:#fc6;
}

.vjs-tt-cue {
  display:block;
}

.vjs-default-skin .vjs-hidden {
  display:none;
}

.vjs-lock-showing {
  display:block !important;
  opacity:1;
  visibility:visible;
}
/*end video js*/
.item-title>a>.vid-title>span{font-size:18px;}
.post-title>a>.vid-title>span>img{
position: absolute;
right: 100px;
}
/*hsf-comment*/
.hsf-cmt,.post-comment-link{
display:inline-block;
padding-left:10px;
}
#disqus_thread{padding:10px;}
.hsf-cmt>img{
width:30px;
height:30px;
cursor:pointer;
}
.comments,.hsf-gplus,#disqus_thread{display:none;}
.hsf-desc-click{
height: 25px;
color: white;
line-height: 25px;
font-size: 15px;
padding-left: 10px;
font-weight: bolder;
background: darkcyan;
width: 150px;
border-radius: 15px 50px 50px 15px;
cursor: pointer;
}
.hsf-description{display:none;}
/*media only screen*/
@media screen and (max-width: 970px) {
 #main-wrapper {
width: 100%;
}
}
@media screen and (max-width: 1266px){
.sidebar-wrapper{width:25%;}
}
@media screen and (max-width: 772px){
#header-inner{
height: 50px;
margin: 0 auto; 
position: relative;
padding-left: 2%;
}
#header{
padding-left:0px;
}
#header-inner ul li a{
padding: 15px 3px;
border-right: 1px solid #ccc;
}
}
@media screen and (max-width: 539px){
#header-inner ul.header-r-menu{float:none;}
}
@media screen and (max-width:435px){
#header{display:none;}
#header-inner{padding-right:0%;}
#header-inner .title, #header-inner .title a{
font-size:11px;
}
}